@charset 'utf-8';

@import 'common';

@import 'found';



.message-button{
    width: getRem(61px);
    height: getRem(42px);
    margin-top: getRem(58px);
    margin-right: getRem(18px);
    position: relative;
    img{
        width: 100%;
    }
    span{
        width: getRem(27px);
        height: getRem(27px);
        line-height: getRem(27px);
        text-align: center;
        position: absolute;
        right: 0px;
        top: getRem(-13.5px);
        display: inline-block;
        border-radius: 50% 50%;
        background: red;
        font-size: getRem(15px);
        color: white;
    }
}

.section-top{
     width: getRem(708px);
     height: getRem(168px);
     margin: 0 auto;
    .portrait{
        width: getRem(168px);
        height: getRem(168px);
        float: left;

        img{
            width: 100%;
        }
    }
}

.description{
    height: getRem(168px);
    overflow: hidden;
    padding-left: getRem(25px);
   .register{
       margin-top: getRem(20px);
       a{
           font-size: getRem(29px);
           color: black;
       }
    }
   p{
       font-size: getRem(26px);
       color: #9d9d9d;
       margin-top: getRem(38px);
   }
 
}
.arrow{
       float: right;
       width: getRem(40px);
       height: getRem(44px);
       line-height: getRem(44px);
       vertical-align: middle;
       margin-top: getRem(58px);
       font-weight: bold;
}


.three-btn{
    width: getRem(701px);
    height: getRem(149px);
    margin: getRem(28px) auto 0;
    font-size: 0;
    li{
        width: getRem(194px);
        height: getRem(149px);
        display: inline-block;
        font-size: getRem(25px);
        text-align: center;
        line-height: getRem(249px);
        margin-left: getRem(59px);
        a{
           display: inline-block;
           width: 100%;
           height: 100%;
           color: black;
        }
    }
    
    li:first-of-type{
        background: url(../img/my/my_01.png) 0 0 no-repeat;
        background-size: cover;
        margin-left:0;
    }
    
    li:nth-of-type(2){
        background: url(../img/my/my_02.png) 0 0 no-repeat;
        background-size: cover;
    }
    
    li:nth-of-type(3){
        background: url(../img/my/my_03.png) 0 0 no-repeat;
        background-size: cover;
    }
}


.favourite-top:nth-last-of-type(3){
    margin-top: getRem(40px);
}

.select-btn{
    width: getRem(534px);
    height: getRem(75px);
    margin: getRem(36px) auto 0;
    .exit,.cancel{
        width: getRem(143px);
        height: getRem(75px);
        border-radius: getRem(30px);
        background: $defaultcolor;
        font-size: getRem(23px);
        text-align: center;
        line-height: getRem(75px);
        a{
            display: inline-block;
            width: 100%;
            height: 100%;
            color: white;
        }
    }
    .exit{
        float: left;
    }
    .cancel{
        float: right;
    }
}
